<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>科尔尼</title>
    <link rel="stylesheet" href="__CDN__/assets/css/index/style.css?v=1.0"/>
    <script src="__CDN__/assets/js/index/viewport.js"></script>
</head>
<body>
    <div class="index_box">
        <img src="__CDN__/assets/img/index/logo.png" alt="" class='logo'/>
        <ul class='list_menu'>
        	<li class='menu_1 bg_white' oldClass="menu_1 bg_white"  monitor="运营与供应链管理,点击" >
        		<img src="__CDN__/assets/img/index/icon1.png" alt="" />
        		<p>运营与供<br />应链管理</p>
        	</li>

        	<li class='menu_2 bg_white' oldClass="menu_2 bg_white"  monitor="汽车与交通,点击">
        		<img src="__CDN__/assets/img/index/icon2.png" alt="" />
        		<p>汽车与交通</p>
        	</li>

        	<li class='menu_3 bg_red' oldClass="menu_3 bg_red" monitor="90岁的科尔尼,点击" >
        		<img src="__CDN__/assets/img/index/icon3_hover.png" alt="" />
        		<p>90岁的科尔尼</p>
        	</li>

        	<li class='menu_4 bg_red' oldClass="menu_4 bg_red" monitor="科尔尼在全球,点击">
        		<img src="__CDN__/assets/img/index/icon4_hover.png" alt="" />
        		<p>科尔尼在全球</p>
        	</li>

        	<li class='menu_5 bg_white' oldClass="menu_5 bg_white"  monitor="能源与化工,点击">
        		<img src="__CDN__/assets/img/index/icon5.png" alt="" />
        		<p>能源与<br />流程工业</p>
        	</li>

        	<li class='menu_6 bg_white' oldClass="menu_6 bg_white"  monitor="消费品与零售,点击">
        		<img src="__CDN__/assets/img/index/icon6.png" alt="" />
        		<p>消费品<br />与零售</p>
        	</li>

        	<li class='menu_7 bg_gray' oldClass="menu_7 bg_gray" monitor="PTA招聘,点击">
        		<img src="__CDN__/assets/img/index/icon7_hover.png" alt="" />
        		<p>PTA招聘</p>
        	</li>

        	<li class='menu_8 bg_white' oldClass="menu_8 bg_white"  monitor="金融机构,点击">
        		<img src="__CDN__/assets/img/index/icon8.png" alt="" />
        		<p>金融机构</p>
        	</li>

        	<li class='menu_9 bg_gray' oldClass="menu_9 bg_gray"  monitor="校园招聘,点击">
        		<img src="__CDN__/assets/img/index/icon9_hover.png" alt="" />
        		<p>校园招聘</p>
        	</li>

        	<li class='menu_10 bg_white' oldClass="menu_10 bg_white" monitor="产业规划与经济发展,点击">
        		<img src="__CDN__/assets/img/index/icon10.png" alt="" />
        		<p>产业规划与<br />经济发展</p>
        	</li>

        	<li class='menu_11 bg_red' oldClass="menu_11 bg_red" monitor="最新消息,点击">
        		<img src="__CDN__/assets/img/index/icon11_hover.png" alt="" />
        		<p>最新消息</p>
        	</li>

        	<li class='menu_13 bg_red' oldClass="menu_13 bg_red" monitor="联系我们,点击">
        		<img src="__CDN__/assets/img/index/icon13_hover.png" alt="" />
        		<p>联系我们</p>
        	</li>

        	<li class='menu_14 bg_gray' oldClass="menu_14 bg_gray" monitor="走进ATK,点击">
        		<img src="__CDN__/assets/img/index/icon14_hover.png" alt="" />
        		<p>走进ATK</p>
        	</li>

        	<li class='menu_15 bg_gray' oldClass="menu_15 bg_gray" monitor="社会招聘,点击">
        		<img src="__CDN__/assets/img/index/icon15_hover.png" alt="" />
        		<p>社会招聘</p>
        	</li>
        </ul>
       </div>
    </div>
	<div class="jumpBoxImg">
		<img src="__CDN__/assets/img/index/jumpBoxImgBg.jpg" alt="">
	</div>
    <script src="__CDN__/assets/js/index/jquery.1.11.3.js"></script>
    <script>
    	var H=$(window).height();
    	var h=$('.list_menu').height();
    	if(H>h){
    		$('.list_menu').css('top',0.5*(H-h));
    	}
        window.onload=function(){
        	//白色按钮点击变红
            var bg_white=document.querySelectorAll(".bg_white");
            var arr_white=[1,2,5,6,8,10,12];
            var url_white=['http://mp.weixin.qq.com/s?__biz=MzA4ODg4MjcxMA==&mid=504255571&idx=1&sn=6030b9e8bb6d467255231a361286035d&chksm=0bd99f2a3cae163c242c4f8618f17a352a0de7a28d33bb490166034f932d357d283dbff8c730#rd','/index/category/index/cid/1','/index/category/index/cid/16','/index/category/index/cid/6','/index/category/index/cid/11','http://mp.weixin.qq.com/s?__biz=MzA4ODg4MjcxMA==&mid=504255534&idx=1&sn=aaa9dfd525985f5f5b491017bb6c8d82&chksm=0bd99f573cae16415b30781d0b43ca5f8af7e1fc60ff9bd644e96b2813f010e066405b38393e#rd','7.html'];
            for(var i=0,len=bg_white.length;i<len;i++){
            	;(function(i){
            		bg_white[i].addEventListener("touchstart",function(){
	                    this.querySelector("img").setAttribute("src",'__CDN__/assets/img/index/icon'+arr_white[i]+'_hover.png');
	                	this.className+=' hover_red';
	                },false)
	                bg_white[i].addEventListener("touchend",function(){
	                	this.querySelector("img").setAttribute("src",'__CDN__/assets/img/index/icon'+arr_white[i]+'.png');
						var oldClass=this.getAttribute('oldClass');
						this.className = oldClass;
		                setTimeout(function(){
		                	location.href=url_white[i];
		                },500)
	                },false)
            	})(i)
            }

            //红色按钮点击变灰色
            var bg_red=document.querySelectorAll(".bg_red");
            var arr_red=[3,4,11,13];
            var url_red=['https://mp.weixin.qq.com/s/-FkfBSuJoFu2Ch_Ow62nMw','http://mp.weixin.qq.com/s?__biz=MzA4ODg4MjcxMA==&mid=504255388&idx=1&sn=03cc904ddd6bdccfc4bc3f37704ed39c&chksm=0bd998e53cae11f3935fdbc9ffc3c1a4aa8e4001077bd79a182b02a52bfea56f68fe3a2bde13#rd','http://mp.weixin.qq.com/mp/homepage?__biz=MzA4ODg4MjcxMA==&hid=2&sn=3a0c84872b2e6ab3d6aa4d980a198d15&scene=18#wechat_redirect','/index/index/contact'];
            for(var i=0,len=bg_red.length;i<len;i++){
            	;(function(i){
            		bg_red[i].addEventListener("touchstart",function(){
//	                    this.querySelector("img").setAttribute("src",'images/icon'+arr_red[i]+'_hover.png');
	                	this.className+=' hover_gray';
	                },false)
	                bg_red[i].addEventListener("touchend",function(){
//	                	this.querySelector("img").setAttribute("src",'images/icon'+arr_red[i]+'_hover.png');
						var oldClass=this.getAttribute('oldClass');
						this.className = oldClass;
                        var oldClass=this.getAttribute('oldClass');
                        this.className = oldClass;
                        setTimeout(function(){
                            location.href=url_red[i];
                        },500)
	                },false)
            	})(i)
            }

            //灰色按钮点击变白色
            var bg_gray=document.querySelectorAll(".bg_gray");
            var arr_gray=[7,9,14,15];
            var url_gray=['http://mp.weixin.qq.com/s/Cw-3bI2-ELab_KeK_O4aAA','http://mp.weixin.qq.com/s?__biz=MzA4ODg4MjcxMA==&mid=504255382&idx=1&sn=c7d7fd134552db684536423c64392102&chksm=0bd998ef3cae11f9479199417f98acee53ebc0cde746b35d7b6bdd4403a639009d7e8837dda8#rd','http://mp.weixin.qq.com/mp/homepage?__biz=MzA4ODg4MjcxMA==&hid=1&sn=fae42dc44b1a60a5090ab7037d989744&scene=18#wechat_redirect','http://mp.weixin.qq.com/s?__biz=MzA4ODg4MjcxMA==&mid=504255343&idx=1&sn=7f5b6100e423c27f860d2124d47fbcd7&chksm=0bd998163cae11003b36a87664c58afc8b2ef60edfcb1a50d217f1ce4bd3dc491d52d09f28d9#rd'];
            for(var i=0,len=bg_gray.length;i<len;i++){
            	;(function(i){
            		bg_gray[i].addEventListener("touchstart",function(){
	                    this.querySelector("img").setAttribute("src",'__CDN__/assets/img/index/icon'+arr_gray[i]+'.png');
	                	this.className+=' hover_white';
	                },false)
	                bg_gray[i].addEventListener("touchend",function(){
	                	this.querySelector("img").setAttribute("src",'__CDN__/assets/img/index/icon'+arr_gray[i]+'_hover.png');
						var oldClass=this.getAttribute('oldClass');
						this.className = oldClass;
		                setTimeout(function(){
		                	location.href=url_gray[i];
		                },500)
	                },false)
            	})(i)
            }
            // 点击出现
            $('.menu_13.bg_red').click(function(){
                $('.jumpBoxImg').show();
            })
            // 点击消失
            $('.jumpBoxImg').click(function(){
                $('.jumpBoxImg').hide();
            })

        }

    </script>
	{include file="common/google" /}

</body>
</html>
